/*
YUI Recent CSS copyright Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
html{color:#000;background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}

b,u,s,i { font-style:normal; font-weight:normal; text-decoration:none; }


/* Hunch CSS, copyright Hunch, Inc. */

/** type */

body, input, textarea, select, button {
    font: normal 13px/18px helvetica, arial, hirakakupro-w3, osaka, "ms pgothic", sans-serif;
    color: #333;
}

/* **/


/** general */

h1, h2 {
    font-size: 20px;
	font-weight: bold;
	line-height: 24px;
}

h1.grid,
h2.grid {
	padding: 3px 0;
	min-height: 30px;
	_height: 30px; /* for ie6 min-height */
}

h1.tall,
h2.tall { line-height: 36px; }

h1 img,
h2 img { vertical-align: middle; }

h1.xl,
h2.xl { font-size: 24px; line-height: 30px; }

h3 {
    font-size: 15px;
    font-weight: bold;
}

h4 { font-weight: bold; }

em { font-style: italic; }
strong { font-weight: bold; }
abbr {
    border-bottom-width: 1px;
    border-bottom-style: dotted;
}

.left { float: left; }
.right { float: right; }

.left-text { text-align: left; clear: both; }
.right-text { text-align: right; clear: both; }
.center-text { text-align: center; }

img.left { margin: 0 15px 15px 0; }
img.right { margin: 0 0 15px 15px; }

.hunch { color: #c6401b; }
a.hunch:active,
a:active .hunch {
    color: #000;
}

.in-development-xl,
.in-development,
.in-workshop-xl,
.in-workshop {
	display: -moz-inline-box;
	display: inline-block;
	height: 18px;
	width: 18px;
	margin-right: 5px;
	vertical-align: middle;
	background: url(sprite-v2.png) no-repeat -80px -2430px;
}

.in-development-xl,
.in-workshop-xl {
	height: 24px;
	width: 24px;
	margin-right: 9px;
	background-position: -100px -2430px;
}

.in-development { background-position: -130px -2430px; }
.in-development-xl { background-position: -150px -2430px; }

.warn-text { color: #aa220c; }

.block { display: block; position: relative; padding: 0; margin: 0; }
.iblock { display: -moz-inline-box; display: inline-block; zoom: 1; *display: inline; position: relative; padding: 0; margin: 0; }
.inline { display: inline; }

a.imga:hover,
a.imga:active { background-color: transparent; }

.small { font-size: 12px; }
.large { font-size: 15px; }

textarea.small { font-size: 13px; }

.timestamp {
	padding-left: 3px;
	font-size: 12px;
	color: #999;
}

.hide { display: none; }
.expanded .hide { display: block; }

/* **/


/** links */

a {
    color: #1a6a96;
    background-repeat: no-repeat;
    text-decoration: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.hover a.menu,
.hover a.down,
a.hover,
a:hover {
    color: #004b73;
    background-color: #d1e1ea;
}

a:active {
    color: #000;
    background-color: #a3c3d5;
}

a:hover img,
a:active img { background-color: #fff; }

a:focus,
button:focus,
input:focus,
textarea:focus {
    outline: none;
}

/* **/


/** special links */

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
.buttons a { color: #004b73; }

a.gray { color: #999; }
a.gray:hover { color: #004b73; }
a.gray:active { color: #000; }

a.dim { color: #a3c3d5; }
a.dim:hover { color: #004b73; }
a.dim:active { color: #000; }

.dim { color: #999; }
.dim a { color: #999; }
.dim a:hover { color: #004b73; }

span.dim { color: #999; }
a:hover span.dim { color: #545a5e; }
a:active span.dim { color: #414e55; }

.gray { color: #888; }

h1 a:active,
h2 a:active,
h3 a:active,
h4 a:active,
h5 a:active,
.buttons a:active,
.dim a:active {
    color: #000;
}

h3 a,
h4 a,
h5 a {
    display: inline-block;
    margin: 0 -3px;
    padding: 0 3px;
}

h3.left a {
	display: -moz-inline-box; /* mac ff2 text jump issue with hovers */
    display: inline-block;
}

a.action {
    display: -moz-inline-box;
    display: inline-block;
    height: 18px;
    padding: 0 3px;
    color: #333;
    background-color: #eee;
    font-size: 12px;
    line-height: 18px;
    font-weight: bold;
    vertical-align: top;
    cursor: pointer;
}

a.action:hover {
    color: #004b73;
    background-color: #d1e1ea;
}

a.action:active {
    color: #000;
    background-color: #a3c3d5;
}

a.action-favorite {
    background-position: -480px -550px;
    background-image: url(sprite-v2.png);
    padding-left: 20px;
}

a.action-favorite:hover {
    color: #004b73;
    background-position: -480px -580px;
}
/*
a.right-action-favorite,
a.right-action-favorite,
a.right-action-favorite { background-position: right -550px; }
a.right-action-favorite:hover { background-position: right -580px; }
*/
a.is-favorite {
    color: #fff;
    background-position: -480px -670px;
    background-color: #c6401b;
}

a.is-favorite:hover {
    color: #c6401b;
    background-position: -480px -640px;
}


/* FAVE HACK */
a.is-favorite {
    color: #004b73;
    background-position: -480px -580px;
    background-color: #eee;
}

a.is-favorite:hover {
    color: #002b53;
    background-position: -480px -580px;
}
/* END FAVE HACK */

span.star {
    display: -moz-inline-box;
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    background: transparent url(sprite-v2.png) no-repeat -480px -550px;
}

s.activity {
    position: absolute;
    width: 24px;
    height: 24px;
    overflow: hidden;
    background: url(sprite-v2.png) no-repeat;
}

s.activity-procon { background-position: 0 -2355px; }
s.activity-procon-active { background-position: 0 -2380px; }
s.activity-procon-plus { background-position: 0 -2405px; }

s.activity-qa { background-position: -25px -2355px; }
s.activity-qa-active { background-position: -25px -2380px; }
s.activity-qa-plus { background-position: -25px -2405px; }

s.activity-star { background-position: -50px -2355px; }
s.activity-star-active { background-position: -50px -2380px; }

s.activity-person { background-position: -75px -2355px; }
s.activity-person-active { background-position: -75px -2380px; }
s.activity-person-plus { background-position: -75px -2405px; }

s.activity-result { background-position: -100px -2355px; }
s.activity-result-active { background-position: -100px -2380px; }
s.activity-result-plus { background-position: -100px -2405px; }

s.activity-topic { background-position: -125px -2355px; }
s.activity-topic-active { background-position: -125px -2380px; }
s.activity-topic-plus { background-position: -125px -2405px; }

s.activity-edit { background-position: 0 -2430px; }
s.activity-edit-active { background-position: -25px -2430px; }


.icon-text {
    display: -moz-inline-block; /* ff2 - ok if stretches full */
    display: inline-block;
    padding-left: 20px;
    background: url(sprite-v2.png) no-repeat;
}

.loading-text {
    background: transparent url(../../img/loading-333-fff-16px.gif) no-repeat scroll 1px 1px;
}

a.action-favorite:active,
a.is-favorite:active {
    color: #000;
    background-position: -480px -610px;
}

a.action-loading,
a.action-loading:hover {
    color: #666;
    background: url(../../img/loading-333-fff-16px.gif) 1px 1px no-repeat;
    font-weight: normal;
    cursor: normal;
	padding-left: 20px;
}

ul.actions li a.action-loading,
ul.actions li a.action-loading:hover { padding-left: 20px; }

a.reload {
    display: -moz-inline-box;
    display: inline-block;
    height: 18px;
    background-image: url(sprite-v2.png);
	background-position: -480px -40px;
    padding: 0 3px 0 20px;
    cursor: pointer;
}

a.reload:hover { background-position: -480px -70px; }
a.reload:active { background-position: -480px -100px; }

a.left-reload,
a.minimal-reload,
.header a.reload {
    position: absolute;
    overflow: hidden;
    right: 0;
    top: 0;
    width: 18px;
    padding: 0;
    text-indent: -1000em;
}

a.left-reload,
.header a.left-reload {
	position: relative;
	right: auto;
	top: auto;
	float: left;
}

.loading a.reload,
.loading .hide-on-loading { display: none; }

a.add {
    display: -moz-inline-box;
    display: inline-block;
    height: 18px;
    background-image: url(sprite-v2.png);
	background-repeat: none;
    background-position: -110px -40px;
    padding: 0 3px 0 16px;
    cursor: pointer;
}

a.add:hover { background-position: -110px -70px; }
a.add:active { background-position: -110px -100px; }

.dropdown li a.locked,
span.locked,
a.locked {
	display: -moz-inline-box;
	display: inline-block;
	height: 18px;
	width: 18px;
	line-height: 18px;
	padding: 0;
	margin: 0;
	vertical-align: middle;
	background-image: url(sprite-v2.png);
	background-repeat: none;
	background-position: 0 -2456px;
}

.question .locked { position: absolute; top: 5px; right: 5px; text-indent: -1000em; }

a.locked-dark { background-position: -18px -2456px; }
.dropdown li a.locked:hover,
a.locked:hover { background-position: -36px -2456px; }
.dropdown li a.locked:active,
a.locked:active { background-position: -54px -2456px; }

.activity-widget .dropdown li a { padding-left: 18px; }
.activity-widget .dropdown li a.set,
.activity-widget .dropdown li a.clicked {
	background-image: url(../../img/green-check.png);
	background-position: left top;
	background-repeat: none;
}

.activity-widget .dropdown li a.clicked {
	background-image: url(../../img/loading-333-fff-16px.gif);
	background-color: transparent;
}

a.search,
a.minimal-prev,
a.minimal-next,
a.minimal-prev-dis,
a.minimal-next-dis,
a.minimal-add {
	float: left;
    height: 18px;
    width: 18px;
    padding: 0;
    background-image: url(sprite-v2.png);
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -1000em;
    vertical-align: middle;
}

.search-wrap { line-height: 36px; height: 36px; }
a.search { margin: 9px 0 9px 4px; background-position: -482px 0; }
a.search:hover { background-position: -452px 0; }
a.search:active { background-position: -422px 0; }

.buttons a.search { padding: 0; }

a.minimal-prev,
a.minimal-next,
a.minimal-prev-dis,
a.minimal-next-dis { width: 10px; background-color: transparent; }

a.minimal-prev { background-position: 0 -2141px; }
a.minimal-next { background-position: -490px -2141px; }
a.minimal-prev-dis,
a.minimal-prev-dis:hover,
a.minimal-prev-dis:active { background-position: 0 -2161px; }
a.minimal-next-dis,
a.minimal-next-dis:hover,
a.minimal-next-dis:active { background-position: -490px -2161px; }

a.close {
    position: absolute;
    overflow: hidden;
    right: 0;
    top: 0;
    width: 18px;
    height: 18px;
    padding: 0;
    background-image: url(sprite-v2.png);
    background-position: -460px -40px;
    text-indent: -1000em;
    cursor: pointer;
}

a.close:hover { background-position: -460px -70px; }
a.close:active { background-position: -460px -100px; }

a.prev,
a.next,
a.prev-dis,
a.next-dis,
a.f-next i,
a.first,
a.last,
a.first-dis,
a.last-dis,
a.down,
.dim a.prev,
.dim a.next,
.dim a.first,
.dim a.last {
    display: -moz-inline-box;
    display: inline-block;
    background-image: url(sprite-v2.png);
    padding: 0 3px;
}

a.prev, a.prev-dis, span.prev-dis, .dim a.prev { padding-left: 14px; background-position: 0 -1620px; }
a.prev:hover, .dim a.prev:hover { background-position: 0 -1650px; }
a.prev:active, .dim a.prev:active { background-position: 0 -1680px; }

a.next, a.next-dis, span.next-dis, .dim a.next { padding-right: 14px; background-position: right -1620px; }
a.next:hover, .dim a.next:hover { background-position: right -1650px; }
a.next:active, .dim a.next:active { background-position: right -1680px; }

a.f-next { padding: 0 3px; }
a.f-next i { padding: 0; height: 12px; vertical-align: top; width: 15px; background-position: right -1620px; }
a.f-next:hover i { background-position: right -1650px; }
a.f-next:active i { background-position: right -1680px; }

a.first, a.first-dis, span.first-dis, .dim a.first { padding-left: 16px; background-position: 0 -2020px; }
a.first:hover, .dim a.first:hover { background-position: 0 -2050px; }
a.first:active, .dim a.first:active { background-position: 0 -2080px; }

a.last, a.last-dis, span.last-dis, .dim a.last { padding-right: 16px; background-position: right -2020px; }
a.last:hover, .dim a.last:hover { background-position: right -2050px; }
a.last:active, .dim a.last:active { background-position: right -2080px; }

a.down { padding-right: 18px; background-position: right -1740px; }
a.down:hover { background-position: right -1850px; }
a.down:active { background-position: right -1880px; }

a.dis,
span.prev-dis,
a.prev-dis,
span.next-dis,
a.next-dis,
a.first-dis,
a.last-dis {
	color: #999;
	background-color: transparent;
	cursor: default;
}

a.prev-dis, a.prev-dis:hover, a.prev-dis:active, span.prev-dis, .dim a.prev { background-position: left -1710px; }
a.next-dis, a.next-dis:hover, a.next-dis:active, span.next-dis, .dim a.next { background-position: right -1710px; }
a.first-dis, span.first-dis, .dim a.first { background-position: left -2110px; }
a.last-dis, span.last-dis, .dim a.last { background-position: right -2110px; }

a.space {
	display: -moz-inline-box;
	display: inline-block;
	padding: 0 3px;
}

/* **/

/** similariy */

.low-similarity,
.medium-similarity,
.high-similarity,
.vhigh-similarity {
    display: -moz-inline-box;
    display: inline-block;
    line-height: 14px;
    height: 14px;
    margin: 2px 1px 2px 0;
    padding: 0 3px;
    vertical-align: top;
    font-size: 10px;
    text-transform: uppercase;
    color: #fff;
    background-color: #d09413;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.medium-similarity { background-color: #d06313; }
.high-similarity { background-color: #d03802; }
.vhigh-similarity { background-color: #e80766; }

/* **/


/** prose */

.prose {
    position: relative;
    overflow: hidden;
    zoom: 1;
}

blockquote,
.prose ul,
ul.disc { padding-left: 20px; }

.prose ol { padding-left: 25px; }

ul.disc li,
.prose ul li { list-style: disc outside; }
.prose ol li { list-style: decimal outside; }

.prose h3,
.prose h4,
.prose p,
.prose ul,
.prose ol {
    position: relative;
    margin-bottom: 18px;
}

/* **/


/** rounded corners */

span.x {
    width: 0;
    height: 0;
    font-size: 0.075em;
    line-height: 0;
}

span.x * {
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    background: url(sprite-v2.png) no-repeat;
}

span.x b { left: 0; top: 0; }
span.x u { right: 0; top: 0; }
span.x s { right: 0; bottom: 0; }
span.x i { left: 0; bottom: 0; }

/* **/


/** loading indicator */

.left-indicator,
.indicator {
    display: none;
    position: absolute;
    overflow: hidden;
    z-index: 100;
    width: 18px;
    height: 18px;
    color: #666;
    background: url(../../img/loading-333-fff-16px.gif) center center no-repeat;
    text-indent: -1000em;
}

.left-indicator { position: relative; float: left; }

.buttons .left-indicator { margin: 9px 9px 9px 0; }
.buttons .indicator { position: relative; float: right; margin: 9px 9px 9px 0; }

.loading .left-indicator,
.loading .right-indicator,
.loading .indicator { display: block; }

/** tabs list */

ul.tabs {
    position: relative;
    overflow: visible;
    height: 18px;
}

ul.tabs li {
    position: relative;
    float: left;
    margin-right: 2px;
}

ul.tabs li.last { margin-right: 0; }

ul.tabs li a {
    display: -moz-inline-block;
    display: inline-block;
    position: relative;
    top: -5px;
    height: 18px;
    padding: 5px 9px;
}

ul.tabs li.active a {
    top: -8px;
    padding: 8px 9px;
    color: #000;
    background: #d1e1ea; /*#e1f0f8;*/
    font-weight: bold;
}

ul.tabs li.active a:hover { cursor: default; }

/* **/

/** ul.tabbed (bigger tabs) */

ul.tabbed { position: relative; height: 54px; padding:0 0 0 18px; margin-bottom:18px; background:transparent url(sprite-v2.png) scroll repeat-x left -947px; overflow:hidden; zoom:1; }
ul.tabbed li { float:left; margin-right:3px; /* ie7 vista is adding an extra pixel per li */ }

ul.tabbed li a { background:#eee url(sprite-v2.png) no-repeat right -2431px; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; }
ul.tabbed li a:hover,
ul.tabbed li a:active { background-color:#d1e1ea; background-position: right -2491px; }

ul.tabbed li.front { background: #fff url(sprite-v2.png) scroll no-repeat -300px -2370px; }
ul.tabbed li.front em,
ul.tabbed li.front a,
ul.tabbed li.front a:hover,
ul.tabbed li.front a:active { background:transparent url(sprite-v2.png) scroll no-repeat right -2370px; font-style:normal; cursor: default; color: #333; }

ul.tabbed li.front em,
ul.tabbed li a { position:relative; display:-moz-inline-block; display:inline-block; padding:18px 14px; height: 18px; font-weight:bold; text-align:center; text-decoration:none; }

ul.tabbed li a { margin-bottom: 1px; padding-bottom: 17px; }

ul.tabbed li.last { float: right; padding: 18px 0 0 0; }
ul.tabbed li.last button { width: 109px; }



.tabbed-content { padding-left: 20px; }

ul.dossier-tabbed li a,
ul.dossier-tabbed li.front em { width: 87px; font-weight: normal; }

ul.dossier-tabbed li.num a,
ul.dossier-tabbed li.num em { padding: 9px 14px; font-size: 30px; line-height: 36px; height: 36px; }
ul.dossier-tabbed li.num a { margin-bottom: 1px; padding-bottom: 8px; }
ul.dossier-tabbed li a { color: #999; }
ul.dossier-tabbed li.num b { vertical-align: text-top; font-size: 15px; line-height: 20px; font-weight: normal; }


ul.dossier-tabbed li .dummy {
	position: relative;
	display: block; /*-moz-inline-block; display:inline-block;*/
	margin-bottom: 1px;
	padding: 0 14px;
	height: 53px;
	width: 87px;
	background:#eee url(sprite-v2.png) no-repeat right -2431px;
	-moz-border-radius:0; -webkit-border-radius:0; border-radius:0;
}


/* **/

/* tab-arrow */

.tab-arrow { position: relative; float: left; width: 14px; height: 50px; }
.tab-arrow a {
	position: absolute; bottom: 0; left: 0;
	height: 0; width: 0;
	border-top: 11px solid #fff;
	border-bottom: 11px solid #fff;
	text-index: -1000em;
	overflow: hidden;
}

.tab-arrow a.prev-tab-arrow { border-right: 11px solid #eee; }
.tab-arrow a.next-tab-arrow { border-left: 11px solid #eee; }

.tab-arrow a.prev-tab-arrow:hover,
.tab-arrow a.prev-tab-arrow:active { border-right: 11px solid #d1e1ea; }

.tab-arrow a.next-tab-arrow:hover,
.tab-arrow a.next-tab-arrow:active { border-left: 11px solid #d1e1ea; }

ul.tabbed li.prev-tab { position: absolute; top: 0; left: 0; }
ul.tabbed li.prev-tab a { left: auto; right: 0; }
ul.tabbed li.tab-arrow { margin: 0; padding: 0; }
ul.tabbed li.tab-arrow a { position: absolute; margin: 0; padding: 0; height: 0; width: 0; }

/** special lists */

span.divider { color: #ccc; padding: 0 3px; }

div.actions { position: relative; overflow: hidden; zoom: 1; color: #999; }
div.actions p {
	display: block;
	float: left;
	border-right: 1px solid #ccc;
	padding: 0 5px;
}
div.actions p.last { border-right: 0; padding-right: 0; }

ul.actions {
	position: relative;
	overflow: visible;
	zoom: 1; /* trigger hasLayout in ie for clearing floats */
}

ul.actions li {
	float: left;
	border-right: 1px solid #ccc;
	padding: 0 5px;
}

ul.actions li.first { padding-left: 0; }

ul.actions li.last {
	border-right: 0;
	padding-right: 0;
}

ul.actions li a {
	display: -moz-inline-block;
	display: inline-block;
	margin: 0 -3px;
	padding: 0 3px;
}

ul.expandable { position: relative; }

ul.expandable li {
	display: block;
	position: relative;
	padding-left: 20px;
	zoom: 1; /* need ie to properly use the padding when laying out absolute children */
}

ul.expandable li.expand ul.expandable li s,
ul.expandable li s {
	position: absolute;
	top: 0;
	left: 0;
	height: 18px;
	width: 18px;
	background: transparent url(sprite-v2.png) no-repeat -485px -1500px;
}

ul.expandable li.expand ul.expandable li.expand s,
ul.expandable li.expand s { background-position: -480px -1740px; }

ul.expandable li.expand ul.expandable li .content,
ul.expandable li .content { display: none; }
ul.expandable li.expand ul.expandable li.expand .content,
ul.expandable li.expand .content { display: block; }

.expander { position: relative; padding-left: 15px; zoom: 1; /* make pos abs work in ie6 */ }
.expander a {
	display: -moz-inline-box;
	display: inline-block;
}
.expander a s {
	position: absolute;
	top: 3px;
	left: 0;
	height: 14px;
	width: 15px;
	background: transparent url(sprite-v2.png) no-repeat -467px -553px;
	xbackground-color: red;
}

.expanded a s {
	background-position: -426px -555px;
}


ul.form-elts li {
	display: block;
	position: relative;
	padding: 3px 0;
}

ul.bios {
	position: relative;
	width: 630px;
	overflow: hidden;
}

ul.wide-bios { width: auto; zoom: 1; }

ul.bios li {
	display: block;
	position: relative;
	float: left;
	width: 290px;
	padding: 0 20px 18px 0;
}

ul.bios li.media-box div.text { width: 235px; overflow: hidden; }
ul.bios li.big-media-box div.text { width: 200px; overflow: hidden; }

ul.bios li p { font-size: 12px; }

.size1of4 {
	display: block;
	position: relative;
	float: left;
	width: 140px;
	padding: 0 22px 18px 0;
}

.size1of4last { padding-right: 0; }

ul.activities { position: relative; }

ul.bottom-rule li,
ul.activities li {
	position: relative;
	display: block;
	padding-bottom: 9px;
	border-bottom: 1px solid #eee;
	margin-bottom: 8px;
	zoom: 1; /* ie6 - give layout so internal float plays well */
}

table.bottom-rule { position: relative; width: 100%; margin-bottom: 18px; }
table.bottom-rule th { font-weight: bold; }
table.bottom-rule td { padding: 8px 0 9px; border-bottom: 1px solid #eee; }

ul.bottom-rule li ul li {
	padding-bottom: 0;
	border-bottom: 0;
	margin-bottom: 0;
}
ul.bottom-rule li ul.disc {
	padding-left: 20px;
}
ul.bottom-rule li ul.disc li {
	display: list-item;
	list-style: disc outside;
	padding-left: 0;
}

ul.activities li.details {
	display: none;
	margin-left: 20px;
}

ul.activities li s { position: absolute; top: -2px; left: -30px;}

ul.list-activities { left: 0; width: auto; }

ul.media-activities { left: 50px; width: 580px; }
ul.media-activities li {
	min-height: 36px;
	_height: 36px;
}
ul.media-activities li s { left: -50px; top: 0; }
ul.media-activities li div.clr { width: 580px; }

ul.images { overflow: hidden; zoom: 1; }
ul.images li { /* for 36px images */
	float: left;
	margin:0 6px 9px 0;
}
ul.images li a { display:block; }


ul.text { margin-bottom:18px; }
ul.text li a { color: #333; }
ul.text li a:hover { color: #004b73; }
ul.text li a.default { color: #1a6a96; }
ul.text li a.default:hover { color: #004b73; }

ul.text li .info { color:#999; font-size: 12px; padding-left:3px; }


ul.clickable-images { position: relative; zoom: 1; overflow: hidden; }

ul.clickable-images li {
	display: block;
	position: relative;
	float: left;
	margin: 0 10px 9px 0;
	width: 72px;
	height: 72px;
}

ul.clickable-images li.loader {
	background: transparent url(../../img/loading-32px.gif) no-repeat center;
}

ul.clickable-images li a {
    position: relative;
    display: block;
    width: 60px;
    height: 60px;
    overflow: hidden;
    padding: 6px;
    text-align: center;
}

ul.clickable-images li a span {
	position: relative;
	height: 60px;
	width: 60px;
	text-align: center;
	overflow: hidden;
	display: block;
}

ul.clickable-images li a span img {
	position: absolute;
	top: 0;
	left: 0;
	height: 60px;
	cursor: pointer;
}

ul.people { padding: 18px 0; }
ul.people li { float: left; position: relative; width: 90px; padding: 0 15px 18px 0; text-align: center; overflow: hidden; }
ul.people li a.image { display: block; position: relative; height: 80px; width: 80px; margin-left: 5px; }
ul.people li div { font-size: 12px; height: 18px; width: 90px; overflow: hidden; }
ul.people li .actions { color: #999; }


.toplist-wrap { padding: 0 0 18px 0; overflow: hidden; zoom: 1; }
.toplist { float: left; width: 200px; overflow: hidden; margin-right: 15px; }
.toplist h3 { padding: 9px 0; }
.toplist ul { padding-bottom: 18px; }
.last-toplist { margin-right: 0; }

/* **/

/** flecks */

.flecks-widget .header { background: none; padding-bottom: 8px; border-bottom: 1px solid #bbb; }
.flecks-widget .content {
	padding: 9px 0 9px 9px;
	background-color: #eee;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.flecks-widget ul.flecks li {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 5px 0;
}

ul.flecks { position: relative; margin-bottom: 9px; overflow: hidden; zoom: 1; }
ul.flecks li {
	float: left;
	position: relative;
	display: inline; /* fix ie6 double margining */
	margin-right: 9px;
	padding: 6px 0;
	overflow: hidden;
	zoom: 1;
}
ul.flecks li .inside { position: relative; width: 50px; overflow: hidden; }

ul.flecks li .user { float: left; position: relative; width: 50px; text-align: center; }
ul.flecks li .user .actionables { display: none; position: relative; padding: 3px 0; line-height: 14px; font-size: 11px; }
.edit-flecks ul.flecks li .user .actionables { display: block; }

ul.flecks li.has-msg { width: 286px; overflow: hidden; }
ul.flecks li.has-msg .inside { width: 286px; }
ul.flecks li .msg-wrap {
	float: left;
	position: relative;
	width: 236px;
	background: transparent url(../../img/fleck-msg.png) scroll no-repeat left bottom;
}
ul.flecks li .msg {
	display: block;
	position: relative;
	margin-bottom: 12px;
	padding: 6px 16px 0 24px;
	background: transparent url(../../img/fleck-msg.png) scroll no-repeat left top;
	font-size: 12px;
	width: 196px; /* handle non-broken messages */
	overflow: hidden;
	zoom: 1;
}
ul.flecks li .no-msg {
	float: left;
	position: relative;
	width: 236px;
}

ul.flecks li .msg textarea {
	width: 196px;
	height: 72px;
	margin: 0;
	border: 0;
	padding-left: 0;
	padding-right: 0;
	font-size: 13px;
}

ul.flecks li.unapproved {
	background: #ffd;
	border-top: 1px solid #ffe576;
	border-bottom: 1px solid #ffe576;
	margin-right: 5px;
	padding-right: 4px;
}

ul.flecks li .apprv { float: right; margin-top: 3px; padding: 0 2px; font-size: 11px; }
ul.flecks li .re-text { font-size: 11px; }
ul.flecks li .re-text span { color: #333; }
ul.flecks li .msg .re-text span { color: #888; }

ul.all-flecks { padding-bottom: 9px; }
ul.all-flecks li { margin-right: 30px; }
ul.all-flecks li.unapproved { margin-right: 26px; }

.fleck-prompt { width: 286px; padding-left: 20px; }
.fleck-prompt ul.flecks li { margin-right: 0; }

/* **/

/** forms */

.action-box,
.box,
.ask {
    position: relative;
    background: #eee;
    padding: 18px 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.s-box { padding: 9px; margin-bottom: 18px; }

.action-box { background-color: #e1f0f8; }

.ask { margin-bottom: 18px; }

/*
.ask .x b { background-position: -220px 0; }
.ask .x u { background-position: -230px 0; }
.ask .x s { background-position: -230px -10px; }
.ask .x i { background-position: -220px -10px; }
*/

.elt { margin-bottom: 18px; }
.elt label {
	font-size: 15px;
    font-weight: bold;
}

.errorlist {
	color: #c6401b;
	font-size: 13px;
	font-weight: normal;
}

.buttons {
    position: relative;
    overflow: hidden;
    clear: both;
    font-size: 15px;
    font-weight: bold;
    zoom: 1;
}

.noclear-buttons { clear: none; }

.small-buttons,
.small-buttons button span {
    font-size: 12px;
}

.buttons button {
    float: right;
    margin: 0 0 0 15px;
}

.buttons-inner-left { float: left; display: block; margin: 9px 15px 9px 0; }
.buttons-inner-right { float: right; display: block; margin: 9px 0 9px 15px; }

.buttons button.left { float: left; margin: 0 15px 0 0; }

.buttons a {
    display: block;
    float: right;
    height: 18px;
    margin: 9px 0 9px 15px;
    padding: 0 3px;
}

.button-align-left,
.button-align-right {
	display: block;
	height: 18px;
	margin: 9px 0;
	padding: 0 3px;
}

.button-align-left { float: left; margin-right: 15px; }
.button-align-right { float: right; margin-left: 15px; }

.buttons p a,
.buttons label a {
	display: inline;
	float: none;
	height: auto;
	margin: 0;
	padding: 0;
}

.buttons a.left {
    float: left;
    margin: 9px 15px 9px 0;
}

.buttons a.action-favorite { padding-left: 20px; }

.buttons label {
    height: 36px;
    line-height: 36px;
}

.buttons p {
	position: relative;
    float: right;
    margin: 9px 0;
}

.buttons p.left,
.buttons label.left,
.buttons input.left { float: left; margin-right: 9px; }

.buttons .remaining {  margin: 0; font-size: 12px; font-weight: normal; float: left;}

.buttons .normal {
    font-size: 13px;
    font-weight: normal;
}

.buttons .small-normal {
	font-size: 12px;
	font-weight: normal;
}

.buttons a.prev { padding-left: 16px; background-position: 0 -1500px; }
.buttons a.prev:hover { background-position: 0 -1530px; }
.buttons a.prev:active { background-position: 0 -1560px; }
.buttons a.next { padding-right: 16px; background-position: right -1500px; }
.buttons a.next:hover { background-position: right -1530px; }
.buttons a.next:active { background-position: right -1560px; }
.buttons a.first { padding-left: 19px; background-position: 0 -1900px; }
.buttons a.first:hover { background-position: 0 -1930px; }
.buttons a.first:active { background-position: 0 -1960px; }
.buttons a.last { padding-right: 19px; background-position: right -1900px; }
.buttons a.last:hover { background-position: right -1930px; }
.buttons a.last:active { background-position: right -1960px; }

.buttons .dim a:link,
.buttons .dim a:visited { color: #666; }
.buttons .dim a:hover,
.buttons .dim a:active { color: #004b73; }

.buttons .dim a.prev { padding-left: 16px; background-position: 0 -1590px; }
.buttons .dim a.prev:hover { background-position: 0 -1530px; }
.buttons .dim a.prev:active { background-position: 0 -1560px; }
.buttons .dim a.next { padding-right: 16px; background-position: right -1590px; }
.buttons .dim a.next:hover { background-position: right -1530px; }
.buttons .dim a.next:active { background-position: right -1560px; }
.buttons .dim a.first { padding-left: 19px; background-position: 0 -1990px; }
.buttons .dim a.first:hover { background-position: 0 -1930px; }
.buttons .dim a.first:active { background-position: 0 -1960px; }
.buttons .dim a.last { padding-right: 19px; background-position: right -1990px; }
.buttons .dim a.last:hover { background-position: right -1930px; }
.buttons .dim a.last:active { background-position: right -1960px; }

/* **/


/** items */

.item {
	position: relative;
	background: #eee;
	margin: 0;
	padding: 18px 30px;
	width: 480px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.item h3 { padding:12px 0 0; font-size: 20px; line-height: 24px; font-weight: normal; }
.item h3 a { font-weight: bold; display: inline; }
.item h3.dim a { color: #666; }
.item p.dim { padding-bottom: 18px; }
.item p.dim a { font-weight: bold; }
.item p.dim a:link,
.item p.dim a:visited { color: #666; }

.item img.left { margin-right: 0; }

.item .description {
	position: relative;
	margin-left: 90px;
	margin-bottom: 18px;
}

.item .description h4 { font-size: 15px; }

.item a.skip { clear: right; }

.small-item {
	margin: 0 0 6px;
	padding: 18px 20px 12px;
	width: 260px;
}

.small-item h3 { font-size: 15px; line-height: 18px; padding: 0; }
.small-item .description { margin-left: 70px; }

/* **/

/** dossier */

.dossier { position: relative; width: 590px; }

.dossier .image { position: relative; float: left; width: 125px; margin-bottom: 18px; }
.dossier .main { position: relative; margin: 0 0 18px 144px; zoom: 1; /* little ie6 fix for inline edit */ }

.dossier .main .description,
.dossier .main .read-more { overflow: hidden; }

.dossier .yesno-buttons { margin-bottom: 6px; padding-bottom: 12px; }
.dossier .yesno-buttons .buttons { min-height: 36px; } /* ie7 cuts off o/w */
.dossier .yesno-buttons .like-text { width: 275px; margin: 9px 0; padding: 0; text-align: right; }
.dossier .yesno-buttons button.assertion { margin: 0 0 0 15px; }
.dossier .yesno-buttons .indicator { top: 27px; left: 4px; }

.dossier .extra { overflow: hidden; width: 100%; margin: 9px 0; color: #999; }
.dossier .extra a.right { margin-left: 15px; }
.dossier .read-more { position: relative; }
.dossier .read-more a { margin-left: -3px; }

.dossier .ask,
.dossier .extra { clear: both; }

.dossier .buttons a.skip { clear: right; }

.feedback-no-form { position: relative; zoom: 1; }
.feedback-no-form textarea { width: 430px; height: 36px; float: left; clear: both; }
.feedback-no-form .buttons { float: right; }

/* no buttons design changes */

.affiliate-ask { padding: 12px 20px 6px 141px; margin-bottom: 0; }
.affiliate-ask table { width: 429px; }
.affiliate-ask table td { vertical-align: top; }
.affiliate-ask .price { padding-left: 30px; font-weight: bold; text-align: right; white-space: nowrap; }
.affiliate-ask .aflt a {
	display: -moz-inline-block; /* yes use -moz-inline-block since it sits on it's own line */
	display: inline-block;
}
.affiliate-ask span.dim { font-size: 11px; padding-left: 3px; }
.affiliate-ask-list { padding: 6px 15px 6px 12px; margin-top: 6px; }
.affiliate-ask-list table { width: 433px; }

.dossier .extra { margin: 3px 0 15px; }
.dossier .extra a.result-link {
	display: -moz-inline-box;
	display: inline-block;
	padding: 0 3px;
	height: 18px;
	width: 2em;
	text-align: center;
}
.dossier .main .read-more a { margin-left: 0; padding-left: 1px; }

.dossier .yesno-links strong { color: #333; font-weight: normal; }

/* **/


/** notification */

.success,
.error,
.notification {
    position: relative;
    overflow: hidden;
    margin-bottom: 18px;
    padding: 18px 20px;
    color: #000;
    background: #fff2a9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    zoom: 1;
}

.success { background: #cfc; }
.error { background: #fcc; }

.workshop-notification { width: 920px; }
.workshop-notification .words { float: left; width: 720px; }
.workshop-notification .rate { float: right; width: 75px; padding-left: 20px; text-align: right; }
.workshop-notification .rev-status { font-size: 10px; }

.development-notification { position: relative; margin: 0 auto 18px; padding: 9px; width: 360px; text-align: center; }

#landing-notification { width: 590px; background-color: #fff2a9; /*ffe576;*/ color: #333; }

/* **/

/** affiliate */
.affiliate { overflow: hidden; zoom: 1; padding: 12px 20px; margin-bottom: 12px; background-color: #ffd; }
.affiliate .title { float: left; width: 100px; font-size: 11px; color: #666; }
.affiliate .link { position: relative; margin: 0 0 0 124px; }
body.result .affiliate { clear: both; }
/* **/

/** questions */

.question {
    position: relative;
    width: 465px;
    margin: 18px 0 0 0;
    padding: 30px 35px 24px 40px; /* vista ie7 adds an extra pixel to li image answer width */
    color: #000;
    background: #eee;
    font-size: 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.question .arrow {
    position: absolute;
    left: -60px;
    top: -12px;
    width: 82px;
    height: 90px;
    background: transparent url(sprite-v2.png) -300px -40px no-repeat;
}

.question h3 {
    margin-bottom: 18px;
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
}

.question .image {
    position: relative;
    overflow: hidden;
    float: right;
    width: 160px;
    height: 160px;
    margin: 0 0 18px 0;
    text-align: right;
}

.question ul.answers {
	position: relative;
    margin: 0 0 18px 0;
    padding: 3px 30px 3px 0;
    overflow: hidden;
    zoom: 1; /* ie - make floats respect the right padding... */
}

.question ul.answers li {
	position: relative;
	padding-left: 30px;
}

.question ul.errorlist li { padding-left: 0; }

.question ul.answers li span.a, /* used to fake an a */
.question ul.answers li a {
    display: block;
    position: relative;
    padding: 3px 6px;
    color: #000;
    zoom: 1;
}


ul.clickable-images li a:hover,
ul.clickable-images li a:active,
.question ul.answers li a.clicked,
.question ul.answers li a.hover,
.question ul.answers li a:hover,
.question ul.answers li a:active{
    color: #fff;
    background-color: #c6401b;
    text-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px;
}

ul.clickable-images li a.clicked,
.question ul.answers li a.clicked,
.question ul.answers li a:active { background-color: #aa220c; }

.checkbox-question ul.answers li b,
.question ul.edit-answers li b,
.question ul.answers li a b {
    display: block;
    position: absolute;
    left: -15px;
    top: 3px;
    width: 11px;
    height: 18px;
    background: url(sprite-v2.png) -465px -550px no-repeat;
}

.question ul.answers li a:hover b { background-position: -465px -580px; }

.question ul.answers li a.clicked b,
.question ul.answers li a:active b { background-position: -465px -610px; }

.checkbox-question ul.answers li { zoom: 1; }
.checkbox-question ul.answers li b { background: transparent none; left: 10px; }
.checkbox-question ul.answers li.irrelevant a:link,
.checkbox-question ul.answers li.irrelevant a:visited { color: #666; }
.checkbox-question ul.answers li.irrelevant a:hover, .checkbox-question ul.answers li.irrelevant a:active,
.checkbox-question ul.answers li.irrelevant a.hover, .checkbox-question ul.answers li.irrelevant a.clicked { color: #fff; }

.question ul.pic-answers {
    padding: 0;
}

.question ul.grid-answers {
    padding: 0 60px 0 40px;
}

.question ul.pic-answers li {
    display: block;
    position: relative;
    float: left;
    margin: 0 1px 9px 0;
    padding: 0;
}

.question ul.pic-answers li.answer-4,
.question ul.pic-answers li.answer-7,
.question ul.pic-answers li.answer-10 { clear: left; }

.question ul.grid-answers li.answer-4,
.question ul.grid-answers li.answer-7,
.question ul.grid-answers li.answer-10 { clear: none; }

.question ul.grid-answers li.answer-3 { clear: left; }

.small-question ul.pic-answers li.answer-4,
.small-question ul.pic-answers li.answer-3,
.small-question ul.pic-answers li.answer-7,
.small-question ul.pic-answers li.answer-10 { clear: none; }

.question ul.pic-answers li a {
    display: block;
    width: 140px;
    padding: 6px;
    text-align: center;
}

.question ul.pic-answers li a span {
    width: 140px;
    text-align: center;
    overflow: hidden;
    display: inline;
}

.question ul.pic-answers li a .answer-image {
    height: 140px;
}

.question ul.pic-answers li a .answer-text {
    padding-top: 6px;
    font-size: 13px;
}

.question ul.edit-pic-answers {
	margin: 0 1px 9px 0;
	padding: 0;
	zoom: 1;
	overflow: hidden;
}

.question ul.edit-pic-answers li {
	display: block;
	position: relative;
	float: left;
	padding: 6px;
	width: 140px;
	font-size: 13px;
}

.question ul.edit-pic-answers li img { cursor: move; }

.question ul.edit-pic-answers li a {
	display: -moz-inline-box;
	display: inline-block;
	margin: 9px 9px 9px 0;
	font-size: 13px;
}

.question ul.edit-pic-answers .errorlist li { padding: 0; float:none; }

.question ul.edit-answers { clear: both; }

.question ul.edit-answers li { cursor: move; zoom: 1; /* magical ie6 fix to make the li b arrows appear */ }

.question ul.edit-answers li a {
	display: -moz-inline-box;
	display: inline-block;
	margin: 6px 3px;
}

.question ul.edit-answers li b { top: auto; bottom: 9px; left: 10px; }

.question .text-answers { position: relative; }
.question .text-answers .add-answer { position: relative; padding-left: 26px; }

/* **/


/** small question */

.small-question {
    position: relative;
    width: 270px;
    margin: 0 0 6px;
    padding: 18px 15px 12px;
    color: #000;
    background: #eee;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.small-question h3 {
    margin-bottom: 18px;
    font-size: 15px;
    font-weight: bold;
}

.small-question .image {
    position: relative;
    overflow: hidden;
    float: right;
    width: 80px;
    height: 80px;
    margin: 0 0 18px 0;
    text-align: right;
}

.small-question ul.answers {
    margin: 0;
    padding: 0 18px;
    overflow: hidden;
}

.small-question ul.answers li a {
    display: block;
    position: relative;
    padding: 3px 6px;
    color: #000;
    zoom: 1;
}

.small-question ul.answers li a:hover {
    color: #fff;
    background-color: #c6401b;
    text-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px;
}

.small-question ul.answers li a:active { background-color: #aa220c; }

.small-question ul.answers li a b {
    display: block;
    position: absolute;
    left: -15px;
    top: 3px;
    width: 11px;
    height: 18px;
    background: url(sprite-v2.png) -465px -550px no-repeat;
}

.small-question ul.answers li a:hover b { background-position: -465px -580px; }
.small-question ul.answers li a:active b { background-position: -465px -610px; }

.small-question ul.pic-answers li {
    display: block;
    position: relative;
    float: left;
    margin: 0 5px 5px 0;
    padding: 0;
}

.small-question ul.pic-answers li a {
    display: block;
    width: 100px;
    padding: 6px;
    text-align: center;
}

.small-question ul.pic-answers li a span {
    width: 100px;
    text-align: center;
    overflow: hidden;
    display: inline;
}

.small-question ul.pic-answers li a .answer-text {
    padding-top: 6px;
    font-size: 12px;
}

/* **/


/** special elements */

/* shout box */

.shout {
    clear: both;
    margin: 18px 0;
    padding: 18px 20px;
    background-color: #e2ebef;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.notch {
    position: absolute;
    left: 0;
    top: -9px;
    height: 9px;
    width: 50px;
    background: url(sprite-v2.png) no-repeat;
}

.shout .notch { background-position: -450px -500px; }

.left-notch {
	position: absolute;
	top: 10px;
	left: -10px;
	height: 50px;
	width: 10px;
	background: url(sprite-v2.png) no-repeat;
	background-position: -350px -500px;
}

.left-notch-white {
	background-position: -50px -500px;
}

.left-big-notch {
	position: absolute;
	top: 20px;
	left: -20px;
	height: 50px;
	width: 20px;
	background: url(sprite-v2.png) no-repeat;
	background-position: -350px -500px;
}


/* media-box */

.media-box {
	position: relative;
	zoom: 1;
	min-height: 63px;
	_height: 63px;
}

.media-box .fixed-media {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

.media-box .fixed-media img { margin: 0; padding: 0; }

.media-box .text {
	position: relative;
	margin-left: 60px;
}

.small-media-box {
	min-height: 45px;
	_height: 45px;
}
.small-media-box .text { margin-left: 45px; }

.big-media-box {
	min-height: 90px;
	_height: 90px;
}
.big-media-box .text { margin-left: 90px; }


/* overlay-media */

.media-overlay {
	position: relative;
	width: 300px;
	height: 300px;
	overlfow: hidden;
	padding-bottom: 6px;
}

.media-overlay .overlay {
	position: absolute;
	bottom: 30px;
	left: 0;
	padding: 6px 9px;
	width: 282px;
	background: url(../../img/transparent-50.png) repeat;
}

.media-overlay h4 { font-size: 15px; color: #fff; }

/* featured box -- delete? */

.featured-box {
	padding: 18px 20px;
	background: #e1f0f8;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

/* inline-comments */

.inline-comments {
	position: relative;
	margin: 9px 0;
	width: 560px;
	background-color: #eee;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.inline-comments .comment-box {
	padding: 9px 9px 8px;
	border-bottom: 1px solid #fff;
}
.inline-comments .comment-box .fixed-media { top: 9px; left: 9px; }
.inline-comments input.text {
	font-size: 13px;
	width: 526px;
}

.inline-comments .comment-box .buttons { display: none; color: #666; }
.inline-comments .loading .buttons { display: block; }
.inline-comments .left-indicator { background-image: url(../../img/loading-666-eee-16px.gif); }
.inline-comments .loading input.text { display: none; }

/* pagination */

.paginator {
	position: relative;
	padding-top: 18px;
	text-align:center;
}
.paginator a,
.paginator span {
	display: inline;
	display: inline-block;
	padding: 0 5px;
	border: 1px solid #ccc;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
	zoom: 1;
}
.paginator .this-page { color: #aa220c; font-weight: bold; border: 1px solid #fff; }
.ask .paginator .this-page { border: 1px solid #eee; }
.paginator .break { border: 0; }
.paginator .prev { padding-left: 14px; }
.paginator .next { padding-right: 14px; }

/* feedback */

/*.feedback-widget ul.activities { zoom: 1; }*/
.edit-feedback-widget .ask { padding: 0; }

.feedback-wrapper { clear: both; }
.feedback { overflow: hidden; width: 100%; }

.feedback .who,
.feedback .pro,
.feedback .con,
.feedback .info { position: relative; float: left; overflow: hidden; }

.feedback .who { width: 50px; margin-right: 22px; text-align: center; }
.feedback .pro,
.feedback .con { width: 225px; margin-right: 14px; padding-top: 18px; }
.feedback .info { width: 80px; font-size: 10px; font-weight: bold; color: #999; }

.feedback .no-top { padding-top: 0; }
.feedback .pro .when { position: absolute; top: 0; left: 0; font-size: 10px; color: #999; height: 18px; overflow: hidden; }
.feedback .info .helpful { position: relative; display: block; color: #333; }

.feedback textarea { width: 209px; resize: none; }

.rev {
	position: relative;
	display: block;
	float: left;
	height: 20px;
	width: 20px;
	overflow: hidden;
	background: url(sprite-v2.png) no-repeat;
	text-indent: -1000em;
	background-position: -160 -2350;
}

.rev-up { background-position: -160px -2350px; }
a.rev-up:hover { background-position: -160px -2370px; }
a.rev-up:active { background-position: -160px -2390px; }
.is-rev-up { background-position: -160px -2410px; }

.rev-down { background-position: -180px -2350px; }
a.rev-down:hover { background-position: -180px -2370px; }
a.rev-down:active { background-position: -180px -2390px; }
.is-rev-down { background-position: -180px -2410px; }

.rev-flag { background-position: -200px -2350px; }
a.rev-flag:hover { background-position: -200px -2370px; }
a.rev-flag:active { background-position: -200px -2390px; }
.is-rev-flag { background-position: -200px -2410px; }

.is-rev-up:hover, .is-rev-up:active,
.is-rev-down:hover, .is-rev-down:active,
.is-rev-flag:hover, .is-rev-flag:active { background-color: transparent; }

.rev-blank { background: none; cursor: default; }

.is-rev-up,
.is-rev-down,
.is-rev-flag { cursor: default; }

/* **/


/** form elements */

a.rust-next {
	display: -moz-inline-box;
	display: inline-block;
	margin: 0;
	border: 0;
	padding: 0 0 0 15px;
	-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
	color: #fff;
	background: url(sprite-v2.png) 0 -370px no-repeat;
	cursor: pointer;
	text-align: left;
	white-space: nowrap;
	zoom: 1;
}

a.rust-next span {
	display: -moz-inline-box;
	display: inline-block;
	width: auto;
	height: 18px;
	padding: 9px 23px 9px 0;
	background: url(sprite-v2.png) right -370px no-repeat;
    font-size: 15px;
	line-height: 18px;
	font-weight: bold;
	text-align: center;
	text-shadow: rgba(0, 0, 0, 0.5) 0 -1px 0;
}

a.rust-next:active { background-position: 0 -410px; }
a.rust-next:active span { background-position: right -410px; }

label {
    display: block;
    position: relative;
}

label input { vertical-align: middle; }

input.text,
textarea,
button {
	display: table-cell;
	display: -moz-inline-box; /* need to make inline in ff2 */
    display: inline-block;
    position: relative;
    margin: 0;
    border: 0;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -khtml-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -khtml-appearance: none;
    -moz-appearance: none;
}

input.text {
    height: 16px;
    margin: 4px 0;
    border: 1px solid #bbb;
    padding: 5px 7px;
    font-size: 15px;
    line-height: 16px;
    vertical-align: top;
}

* html input.text {
    margin-top: 3px;
}

textarea {
    height: 72px;
    margin: 4px 0;
    border: 1px solid #bbb;
    padding: 4px 7px;
    font-size: 15px;
    line-height: 18px;
}

input.placeholder,
textarea.placeholder {
    color: #999;
}

/* **/


/** buttons */

button {
    overflow: visible;
    height: 36px;
    padding: 0 0 0 15px;
    color: #fff;
    background: url(sprite-v2.png) 0 -130px no-repeat;
    vertical-align: top;
    text-align: left;
    white-space: nowrap;
    cursor: pointer;
    zoom: 1; /* IE hack to trigger hasLayout */

    /* testing fix for iPhone WebKit, which adds 1m of padding left & right to all button elements */
    padding: 0 1px;
    font-size: 1px;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

button span {
    display: block;
    position: relative;
    overflow: visible; /* required for IE7 */
    width: auto;
    height: 18px;
    padding: 9px 15px 9px 0;
    background: url(sprite-v2.png) right -130px no-repeat;
    font-size: 15px;
    line-height: 18px;
    font-weight: bold;
    text-align: center;
    text-shadow: rgba(0, 0, 0, 0.5) 0 -1px 0;

    /* testing fix for iPhone WebKit, which adds 1m of padding left & right to all button elements */
    margin: 0 0 0 13px;
    left: 1px;
}

button.has-icon span { margin-left: 7px; }

button span, x:-moz-any-link { display: -moz-inline-block; } /* hack for ff2 */

button span:-moz-first-node,
input.text:-moz-first-node {
    line-height: 19px;
}

body.is_chrome button span,
body#is_chrome button span {
    top: -1px;
    left: auto;
    right: -4px;
    margin-left: 8px;
}

button:active { background-position: 0 -170px; }
button:active span { background-position: right -170px; }

button.prev { padding-left: 23px; /*iPhone*/ padding-left: 9px; background-position: -40px -130px; }
button.prev:active { padding-left: 23px; /*iPhone*/ padding-left: 9px; background-position: -40px -170px; }

button.next { background-position: 0 -210px; }
button.next:active { background-position: 0 -250px; }
button.next span { padding-right: 23px; background-position: right -210px; }
button.next:active span { padding-right: 23px; background-position: right -250px; }

button.yes span,
button.no span {
    text-transform: uppercase;
    width: 40px;
}

button.rust { background-position: 0 -290px; }
button.rust span { background-position: right -290px; }

button.rust:active { background-position: 0 -330px; }
button.rust:active span { background-position: right -330px; }

button.rust-prev { padding-left: 23px; /*iPhone*/ padding-left: 9px; background-position: -40px -370px; }
button.rust-prev:active { padding-left: 23px; /*iPhone*/ padding-left: 9px; background-position: -40px -410px; }

button.rust-next { background-position: 0 -370px; }
button.rust-next:active { background-position: 0 -410px; }
button.rust-next span { padding-right: 23px; background-position: right -370px; }
button.rust-next:active span { padding-right: 23px; background-position: right -410px; }


button.rust-dark { background-position: 0 -2190px; }
button.rust-dark span { background-position: right -2190px; }

button.rust-dark:active { background-position: 0 -2230px; }
button.rust-dark:active span { background-position: right -2230px; }

button.rust-dark-prev { padding-left: 23px; /*iPhone*/ padding-left: 9px; background-position: -40px -2270px; }
button.rust-dark-prev:active { padding-left: 23px; /*iPhone*/ padding-left: 9px; background-position: -40px -2310px; }

button.rust-dark-next { background-position: 0 -2270px; }
button.rust-dark-next:active { background-position: 0 -2310px; }
button.rust-dark-next span { padding-right: 23px; background-position: right -2270px; }
button.rust-dark-next:active span { padding-right: 23px; background-position: right -2310px; }


button.light { background-position: 0 -1300px; }
button.light span {
    background-position: right -1300px;
    color: #111;
    text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
}

button.light:active { background-position: 0 -1340px; }
button.light:active span { color: #000; background-position: right -1340px; }

button.light-star { padding-left: 23px; /*iPhone*/ padding-left: 9px; background-position: 0 -1380px; }
button.light-star span { background-position: right -1380px; }

button.light-star:active { padding-left: 23px; /*iPhone*/ padding-left: 9px; background-position: 0 -1420px; }
button.light-star:active span { background-position: right -1340px; }

button.assertion span { width: 90px; }
.small-buttons button.assertion span { width: 70px; }

/* **/


/** layout */

body {
    text-align: center;
}


#container {
    position: relative;
    width: 960px;
    margin: 0 auto;
    padding: 0 5px;
    text-align: left;
}


/* auto footer bottom */

html,
body,
#container { height: 100%; }

#header-content {
	position: relative;
	min-height: 100%;
	_height: 100%; /* for ie6 min-height */
}

#content { padding-bottom: 288px; }

/* **/


/** header */

#header {
    position: relative;
    z-index: 10;
    height: 90px;
    padding-top: 9px;
    background: url(sprite-v2.png) 0 -1024px repeat-x;
}

#logo {
    position: absolute;
    left: 0;
    top: 27px;
    width: 95px;
    height: 60px;
    margin: 0;
	padding: 0;
    background: url(sprite-v2.png) -189px -621px no-repeat;
    font-size: 40px;
    line-height: 54px;
}

#logo a {
    display: block;
    overflow: hidden;
    width: 95px;
    height: 54px;
    color: #c6401b;
    background: url(sprite-v2.png) 0 -45px no-repeat;
    text-indent: -1000em;
}

body.public-home .logo-notch { display:block; position: absolute; left: 254px; top: 85px; width: 18px; height: 15px; background: transparent url(/media/css/base/sprite-v2.png) no-repeat scroll -240px -670px; }

#tag-line {
	position: absolute;
	left: 81px;
	bottom: 0;
	font-size: 12px;
	z-index: 5;
}

#header #popular-searches { position: absolute; top: 81px; left: 618px; text-align: left; font-size: 11px; color: #999; }

.thay-msg-header #header { height: 144px; }
.thay-msg-header #header form { background-color: transparent; }

.thay-msg {
	position: absolute;
	left: 180px;
	top: 77px;
	padding: 9px 20px;
	width: 560px;
	background-color: #ffe576;
	font-size: 15px;
	-moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

#nav {
    display: block;
    position: absolute;
    left: 120px;
    top: 27px;
    height: 38px;
    padding-top: 22px;
    font-size: 15px;
    font-weight: bold;
    z-index: 6;
}

#nav li {
    position: relative;
    float: left;
    height: 28px;
    margin-right: 4px;
}

.dropdown li a,
#nav li a {
    display: -moz-inline-block;
    display: block;
    position: relative;
    float: left;
    z-index: 11;
    height: 18px;
    padding: 5px 10px;
}

#nav li a.menu {
    padding-right: 20px;
    background-image: url(sprite-v2.png);
    background-position: right -1825px;
}

#nav li a:hover,
#nav li.hover a.menu,
#nav li a.hover {
    color: #fff;
    background-color: #004b73;
    background-position: right -1765px;
}

#nav li a:active,
#nav li.hover a.menu:active,
#nav li a.hover:active {
    color: #fff;
    background-color: #002a41;
    background-position: right -1795px;
}

.dropdown a.down,
.dropdown .hover a.down,
#nav>li.hover>a.menu,
#nav>li>a.hover,
#nav>li>a {
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.dropdown { position: relative; }
.dropdown .elt { position: relative; display: block; }

.dropdown ul,
#nav ul {
    display: none;
    position: absolute;
    float: none;
    left: 0;
    top: 27px;
    z-index: 10;
    width: 170px;
    border: 1px solid #bbb;
    margin: 0;
    padding: 4px 0;
    background: #fff;
    font-size: 13px;
    line-height: 18px;
    font-weight: normal;
    -webkit-box-shadow: rgba(0, 0, 0, 0.125) 0 3px 4px;
    -moz-box-shadow: rgba(0, 0, 0, 0.125) 0 3px 4px;
    box-shadow: rgba(0, 0, 0, 0.125) 0 3px 4px;
}

.dropdown .hover ul,
#nav .hover ul { display: block; }

.dropdown ul { top: 18px; width: 185px; }

.dropdown ul li,
#nav ul li {
    float: none;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0 4px;
}

.dropdown ul li.gap,
#nav ul li.gap {
    padding-top: 18px;
    background: url(sprite-v2.png) 0 -891px repeat-x;
}

.dropdown ul li a,
.dropdown ul li span,
#nav ul li a,
#nav ul li span {
    float: none;
    width: auto;
    margin: 0;
    padding: 0 10px;
}

.dropdown ul li span.dis,
#nav ul li span.dis {
    color: #999;
}

#user-nav {
    position: relative;
    overflow: hidden;
    float: right;
    height: 18px;
    font-size: 12px;
}

#user-nav li {
    float: left;
    border-right: 1px solid #ccc;
    padding: 0 2px;
}

#user-nav li.last {
    border-right: 0;
    padding-right: 0;
}

#user-nav a {
    display: inline-block;
    padding: 0 3px;
}

#header form {
    position: relative;
    clear: right;
    float: right;
    height: 34px;
    margin-top: 18px;
    padding: 0 0 0 3px;
    background: #fff; /* masks line on bottom of header */
}

#header form input.text {
    width: 241px;
	margin: 4px 5px 2px 0;
	*margin: 3px 5px 1px 0; /* ie adds an extra 1px of space on input type=text in floats */
    padding-left: 7px;
    background: #fff;
}
#header form input.loading {
	background-image: url(../../img/loading-333-fff-16px.gif);
	background-position: 5px 5px;
}

#header form button { height: 34px; margin-top: -1px; }
#header form button span { width: 50px; }


/* **/


/** content */

#content {
    position: relative;
}

#alpha,
#beta,
#gamma,
#delta {
    position: relative;
    float: left;
    width: 300px;
}

#alpha,
#beta {
    margin-right: 30px;
}

/* **/


/** footer */

#footer {
	position: relative;
	clear: both;
	width: 100%;
	overflow: hidden;
	margin: -145px 0 0; /* auto footer bottom */
	border-top: 1px solid #bbb;
	padding: 26px 0 0;
	font-size: 12px;
}

#footer h5 { font-size: 13px; font-weight: bold; }

#footer ul.sections {
	position: relative;
	float: left;
}

#footer ul.sections li {
	position: relative;
	float: left;
	width: 140px;
	height: 108px;
	padding-left: 9px;
	border-left: 1px solid #ccc;
}

#footer ul.sections li.first {
	border: 0;
	padding: 0 10px 0 0;
}

#footer ul.sections ul {
	float: none;
	left: 0;
}

#footer ul.sections ul li {
	float: none;
	height: auto;
	margin: 0;
	padding: 0;
	border: 0;
}

#footer .notice {
	position: relative;
	float: right;
	width: 300px;
}

/* **/


/** headers */

.header {
    position: relative;
    width: 100%;
    height: 18px;
    padding-bottom: 18px;
    background: url(sprite-v2.png) 0 -975px repeat-x;
}

.nou-header {
	background-image: none;
	padding-bottom: 0;
}

hr {
	display: block;
	position: relative;
	margin: 9px 0 8px;
	*margin: 2px 0 1px; /* ie6/7 fix - handle magical 7px margin */
	border: 0;
	padding: 0;
	height: 1px;
	color: #f0f0f0; /* ie6/7 fix - instead of using bg */
	background: url(sprite-v2.png) repeat-x 0 -900px;
}

hr.dark { color: #ccc; background-position: 0 -1000px; }


.xl-header {
	height: auto;
	background: none;
	padding-bottom: 0;
}

.header-div { clear: both; padding-bottom: 0; background-position: 0 -993px; }

.header h3 { position: relative; }
.header h5 { position: relative; color: #666; }

.topright-indicator,
.header .indicator {
    right: 0;
    top: 0;
}

.header .left { margin-right: 10px; }
.header .right { margin-left: 10px; }

.header ul.tabs { height: 36px; }
.header ul.tabs li {
    position: relative;
    overflow: visible;
    height: 18px;
}

.header ul.tabs li.active a {
    background-image: url(sprite-v2.png);
    background-position: center -557px;
}

.inverted-header { background-position: 0 -990px; }

.inverted-header {
    padding-top: 18px;
    padding-bottom: 0;
}

.inverted-header ul.tabs li.active a {
    background-position: center -613px; /* 0 -967px */
}

.tiered-header p { font-size: 15px; }
.tiered-header h1 { font-size: 24px; line-height: 36px; }

/* **/

.left-widget { float: left; width: 280px; margin-right: 40px; }
.right-widget { float: left; width: 280px; }

.left-widget .media-activities,
.right-widget .media-activities { width: 230px; }


/** widgets */

.widget {
    position: relative;
    margin-bottom: 18px;
}

.back-to,
.bottom-pad { padding-bottom: 18px; }
.top-pad { padding-top: 18px; }
.spl-pad { padding: 9px 0; }

.back-to { overflow: hidden; zoom: 1; }

/* **/


/** specific widgets */

.activity-widget .header { z-index: 5; }

.activity-widget ul.activities li {
	width: 600px;
	left: 30px;
}

.activity-widget ul.activities li div.clr { width: 600px; }

.activity-widget ul.activities li.details,
.activity-widget ul.activities li.details div.clr { width: 580px; }

.featured-topic-widget {
	overflow: hidden;
	width: 600px;
	left: 30px;
	margin: 18px 0 36px;
}

.featured-topic-widget .image { float: left; width: 70px; height: 70px; margin: 0 10px 18px 0; }
.featured-topic-widget .topic {
	position: relative;
	float: left;
	width: 450px;
	margin: 0 0 18px 0;
	padding: 18px 20px;
	background: #e1f0f8;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.featured-topic-widget .first-question { float: left; position: relative; left: 20px; width: 530px; height: 18px; overflow: hidden; }

.featured-topic-widget .indicator { top: 0; right: 0; }

.invite-widget { padding-bottom: 18px; }
.invite-widget #id_email { width: 234px; }
.invite-widget button { width: 70px; }
.invite-widget .actions { overflow:hidden; width:100%; }

.question-widget {
    width: 300px;
}

.qa-widget,
.rate-result-widget {
	margin-bottom: 36px;
}

.rate-result-widget .content {
	margin: 2px 0 9px;
	border: 1px solid #ccc;
	padding: 15px 14px 8px;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.rate-result-widget .content p { text-align: center; }
.rate-result-widget .content p.image-wrap { height: 162px; }

.rate-result-widget .buttons button { margin-left: 10px; }
.rate-result-widget .buttons button.far-left { margin-left: 0; }

.rate-result-widget .buttons button span { width: 62px; font-size: 13px; }
.rate-result-widget .buttons button.light-star span { width: 54px; }


.share-widget .content { padding-bottom: 18px; }
.share-widget .input-text { position: relative; line-height: 36px; overflow: hidden; zoom: 1; }
.share-widget .input-text label { float: left; width: 90px; font-size: 12px; font-weight: bold; }
.share-widget .input-text .text { float: right; width: 190px; font-size: 13px; }

.share-widget .input-text .clicked {
	text-align: center;
	background: #eee;
	-moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.share-widget .input-text p.clicked a:hover,
.share-widget .input-text p.clicked a:active { background-color: transparent; }

.share-widget .share-content {
	padding: 6px 9px 6px 20px;
	background: #eee;
	-moz-border-radius: 4px;
    -moz-border-radius-topleft: 0;
	-webkit-border-radius: 4px;
    -webkit-border-top-left-radius: 0;
    border-radius: 4px;
	border-top-left-radius: 0;
}

.share-widget .share-content p { font-weight: bold; padding-top: 9px; }
.share-widget .share-content ul { padding-left: 20px; }
.share-widget .share-content ul li { padding: 6px 0 0; }


/* **/

body.public-home #alpha,
body.public-home #beta { width: 630px; margin: 0; left: 165px; }

/** wt - wide thin (dashboard, result) */

body.wt #alpha {
	width: 100%;
	float: none;
	margin: 0 0 18px;
}
body.wt #beta { width: 600px; margin-right: 0; }
body.wt #gamma { float: right; width: 300px; }

body.tw #alpha {
	width: 100%;
	float: none;
	margin: 0;
}

body.tw #beta {
	float: right;
	clear: both;
	width: 600px;
	margin: 0;
}

body.tw #gamma {
	float: left;
	width: 300px;
}

body.tw #beta .left-widget { float: left; width: 300px; margin-right: 30px; }
body.tw #beta .right-widget { float: left; width: 300px; }

body.w #alpha,
body.w #beta,
body.w #gamma {
	float: none;
	width: 630px;
	left: 150px;
}

body.nlih #alpha { float: none; width: 540px; left: 185px; }
body.nlih #beta { float: none; width: 600px; left: 165px; }

body.full #alpha,
body.full #beta,
body.full #gamma { float: none; width: 100%; }

body.full .beta-left { float: left; width: 300px; }
body.full .beta-right { float: right; width: 630px; }


/** train-question */

body.train-question #beta { margin-bottom: 36px; }
body.train-question #gamma { margin-top: 72px; }

body.train-question .show-list ul.actions li.icon-view { display: none; }
body.train-question .show-list ul.actions li.list-view { display: block; }
body.train-question .show-list .checkboxes { display: block; }
body.train-question .show-list .icons { display: none; }

body.train-question .show-icons ul.actions li.icon-view { display: block; }
body.train-question .show-icons ul.actions li.list-view { display: none; }
body.train-question .show-icons .checkboxes { display: none; }
body.train-question .show-icons .icons { display: block; }


body.train-question .checkboxes { position: relative; overflow: hidden; zoom: 1; }
body.train-question .checkboxes ul { position: relative; float: left; width: 310px; margin-right: 5px; }
body.train-question .checkboxes ul li { padding: 3px 0; }
body.train-question .checkboxes label { display: inline; }
body.train-question .results label { cursor: pointer; }

body.train-question ul.icons { position: relative; overflow: hidden; zoom: 1; }
body.train-question ul.icons li {
	float: left;
	display: block;
	margin: 0 10px 18px 0;
	border: 1px solid #bbb;
	padding: 26px 5px 8px;
	width: 132px;
	text-align: center;
	cursor: pointer;
}

body.train-question ul.icons li.hover,
body.train-question ul.icons li.clicked {
	border: 3px solid #004b73;
	padding: 24px 3px 6px;
}

body.train-question ul.icons li.clicked { border: 3px solid #aa220c; }

body.train-question ul.icons li span {
	position: relative;
	display: block;
	text-align: center;
	overflow: hidden;
}

body.train-question ul.icons li span.item-image { height: 72px; padding-bottom: 6px; }

body.train-question .missed-prereq .content { display: none; }
body.train-question .unhide .content { display: block; }


body.train-question #advanced-content .notification { width: 600px; }

body.train-question #properties,
body.train-question #dependencies,
body.train-question #relevance { position: relative; width: 700px; padding-left: 20px; }

body.train-question #properties table th { width: 330px; padding-bottom: 18px; }
body.train-question #properties table td { width: 100px; padding-bottom: 18px; text-align: right; }

body.train-question #dependencies table.bottom-rule .col-3 { text-align: center; }
body.train-question #dependencies li.parent a { color: #999; }
body.train-question #dependencies .cur-prereqs tr.not-parent { display: none; }
body.train-question .dependencies-content { padding-left: 20px; }

body.train-question #relevance table { width: 100%; }
body.train-question #relevance td { vertical-align: top; padding-right: 10px; }

/* **/

/** see all */

body.see-all #alpha { float: none; width: 100%; margin: 0 0 18px; }
body.see-all #beta { float: left; width: 230px; margin-right: 30px; }
body.see-all #gamma { float: left; width: 700px; margin: 0; }

body.see-all-small #alpha,
body.see-all-small #gamma { float: none; width: 700px; left: 130px; margin-right: 0;}


body.see-all .filter-widget .header { margin: 9px 0; }
body.see-all .filter-widget a.hover { margin: 0 -3px; padding: 0 3px; }

body.see-all .sort-nav { padding: 6px 9px; font-size: 15px; line-height: 24px; }
body.see-all .sort-nav select { font-size: 15px; }

.item-all {
	overflow: hidden;
	zoom: 1;
	padding-top: 18px;
}

.item-all .number { float: left; width: 40px; padding-bottom: 12px; font-size: 20px; line-height: 24px; overflow: hidden; }
.item-all .image { float: left; width: 100px; height: 126px; margin-right: 20px; }
.item-all .description { float: left; width: 460px; overflow: hidden; }
.item-all .description .affiliate { margin: 6px 0; }
.item-all .feedback { float: left; width: 105px; padding-left: 15px; text-align: center; }
.item-all .feedback p { font-size: 11px; font-weight: bold; padding-bottom: 9px; }
.item-all button span { width: 36px; padding-right: 5px; margin-left: 3px; }
body#is_chrome .item-all button span { margin-left: 0; }

body.see-all .submit-result { padding: 9px 0; text-align: center; font-size: 15px; font-weight: bold; }

body.see-all .affiliate { padding: 9px; margin: 9px 0 0; }

/* **/

/** */

body.create-account #alpha { float: left; width: 340px; margin: 18px 60px 0 0; }
body.create-account #beta { float: left; width: 460px; margin: 18px 0 0 0; }

body.create-account #alpha h1 { padding-bottom: 30px; }
body.create-account .row { padding-bottom: 9px; }
body.create-account .f-lbl { float: left; width: 140px; padding: 9px 15px 0 0; text-align: right; }
body.create-account .f-lbl label { display: block; font-weight: bold; }
body.create-account .f-val { float: left; width: 240px; }
body.create-account .f-val input.text { width: 224px; }

body.create-account .details-f .f-val { float: left; width: 24px; }
body.create-account .details-f .f-lbl { float: left; width: 395px; padding: 0; text-align: left; }

/* **/

/** profile */

body.profile #beta .left-widget { float: left; width: 300px; margin-right: 30px; }
body.profile #beta .right-widget { float: left; width: 270px; }


body.profile ul.images { padding-left: 6px; }

body.profile .profile-image { padding-left: 20px; }

body.profile .widget { margin-bottom: 36px; }
body.profile .widget .widget { margin-bottom: 0; }

body.profile #alpha ul { padding-top: 9px; }
body.profile #about-text { overflow: hidden; }

.contrib-activities li { overflow: hidden; zoom: 1; font-size: 12px; }
.contrib-activities img { vertical-align: middle; }

.rem-ans-activities { font-size: 12px; }
.rem-ans-activities li img { vertical-align: middle; }
.rem-ans-activities li.has-image { line-height: 36px; }
ul.own li { padding-right: 30px; }

.cred-widget .stats {
	float: left;
	width: 100px;
	padding-left: 20px;
}

.cred-widget .stats p { padding-bottom: 18px; text-align: center; }
.cred-widget .stats p.stat { padding-bottom: 0; font-size: 20px; line-height: 24px; }

.cred-widget .badges {
	float: right;
	width: 450px;
}

/* **/

/** */

body.search #alpha { float: none; width: 700px; left: 130px; padding-top: 9px; }

input.search {
    width: 370px;
    padding-left: 25px;
    background: #fff url(sprite-v2.png) -478px 4px no-repeat;
}
button.search span { width: 80px; }

.s-res {
	padding-bottom: 8px;
	border-bottom: 1px solid #eee;
	margin: 0 0 18px;
	min-height: 100px;
	_height: 100px; /* for ie6 min-height */
}
.s-res .media { float: left; }
.s-res div.text { margin-left: 115px; }
.s-res h3 a { font-weight: normal; }
.s-res .items-msg { float: left; display: block; padding-left: 9px; font-size: 12px; }
/*
.s-res div.text .content a { color: #004b73; }
.s-res div.text .content a:active { color: #000; }
*/



/** dashboard */

body.dashboard #header { margin-bottom: 18px; }
body.dashboard .factoid-widget .media-box .text { padding-top:27px; padding-bottom: 3px; }
body.dashboard #alpha { width: 100%; float: none; margin: 0 0 18px; }
body.dashboard #beta { width: 600px; margin-right: 0; }
body.dashboard #gamma { width: 330px; float: right; }

body.dashboard .small-question { width: 300px; }

body.dashboard ul.media-activities,
body.dashboard ul.media-activities li div.clr { width: 550px; }

body.dashboard .activity-widget ul.activities li,
body.dashboard .activity-widget ul.activities li div.clr { width: 570px; }

body.dashboard .activity-widget ul.activities li.details,
body.dashboard .activity-widget ul.activities li.details div.clr { width: 550px; }

body.dashboard ul.bios { width: 600px; }
body.dashboard ul.bios li { width: 280px; }

body.wt .size1of4,
body.dashboard .size1of4 { padding-right: 13px; }
body.wt .size1of4last,
body.dashboard .size1of4last { padding-right: 0; }

/* **/

/** result */

body.result #alpha {
	width: 100%;
	float: none;
	margin: 0 0 18px;
}
body.result #beta { width: 630px; }
body.result #gamma { float: right; }


body.result #beta { z-index: 5; } /* z-index for .dropdown to work in ie */
body.result #beta .main { z-index: 5; }
body.result #gamma { z-index: 4; }

body.contextual-result #gamma { padding-top: 28px; }

body.result #beta #qanda-wrap { height: 72px; width: 100%; }
body.result .load-bar { padding: 72px 0; text-align: center; }

body.result .dossier { padding: 0 18px 36px; }

/* **/

body.teach #header { margin-bottom: 18px; }

/** landing */

body.landing #header { margin-bottom: 18px; }

body.landing #alpha,
body.landing #beta {
	left: 0;
	float: left;
	width: 630px;
}
body.landing #gamma {
	left: 0;
	float: right;
	width: 300px;
	padding: 0;
}
body.landing #gamma .widget { margin-bottom: 36px; }


/** train-result */

body.train-result #beta { float: none; width: 540px; left: 195px; } /*.dossier { left: 185px; }*/
body.train-result .question { margin-top: 0; }
body.train-result .instructions { font-size: 15px; padding: 9px 0; }

/** why */

body.why ul.activities li { padding-left: 30px; }
body.why ul.activities li s { top: 9px; left: 0; }

/* **/

/** workshop */

body.workshop #alpha { margin-bottom: 18px; }

body.workshop h1 { padding: 0 0 0 36px; height: auto; line-height: 36px; background: transparent url(../../img/categories/Home_garden.gif) no-repeat; }

body.workshop .workshop-header { margin-top: 18px; }

body.workshop form.workshop-filter {
	display: block;
	position: absolute;
	top: -12px;
	right: 0;
	height: 36px;
}

body.workshop .workshop-sortables { padding-top: 18px; }

body.workshop ul.activities,
body.workshop ul.activities li,
body.workshop ul.activities li div.clr { width: 910px; }
body.workshop ul.activities li .content { float: left; width: 500px; overflow: hidden; }
body.workshop ul.activities li .timestamp { float: right; text-align: right; width: 150px; overflow: hidden; }
body.workshop ul.activities li .votes { float: right; text-align: right; width: 100px; margin-left: 20px; overflow: hidden; }
body.workshop ul.activities li .votes .rev { float: right; }

body.scrapheap #alpha,
body.scrapheap #beta { position: relative; left: 100px; float: none; width: 760px; }

body.scrapheap h1 { background: transparent url(../../img/badges/Philosopher.jpg) no-repeat; }
body.scrapheap ul.activities  { width: 600px; left: 60px; }
body.scrapheap ul.activities li { width: 600px; }

.headerNoSort { color: #999; }

a.headerSort,
a.headerSortDesc,
a.headerSortAsc {
	background: transparent url(../../img/ts_bg2.png) no-repeat right center;
	padding-right: 18px;
	color: #999;
}

a.headerSortDesc { background-image: url(../../img/ts_asc2.gif); color: #333; }
a.headerSortAsc { background-image: url(../../img/ts_desc2.gif); color: #333; }

/* **/

body.browse-users ul.tabbed { margin-bottom: 36px; }
body.browse-users ul.tabbed li a,
body.browse-users ul.tabbed li em { width: 95px; }

/** single column */

body.single #alpha,
body.single #beta {
	float: none;
	left: 210px;
	width: 540px;
}
body.single #gamma { float: none; left: 180px; width: 600px; margin-top: 36px; }

body.single #alpha h1 { padding-bottom: 18px; }

body.single .question,
body.aay .question { margin: 0; }
body.aay .aay-msg { padding-top: 90px; }

body.nli-aay #header { margin-bottom: 18px; }

.content { position: relative; }
.content .indicator { top: 0; right: 0; }

/* **/

/** terms of service */

body.tos #alpha {
	width: 810px;
	left: 75px;
}

.notes { overflow: hidden; zoom: 1; }
.notes .content { float: left; width: 540px; }
.notes .note { float: right; width: 250px; }

/* **/


b.percent { width:30px; height:30px; position:relative; display:block; background:transparent url(/media/img/rust/piecharts.png) scroll no-repeat; }
b.percent-0 { background-position:0 0; }
b.percent-1 { background-position:-30px 0; }
b.percent-2 { background-position:-60px 0; }
b.percent-3 { background-position:-90px 0; }
b.percent-4 { background-position:-120px 0; }
b.percent-5 { background-position:-150px 0; }
b.percent-6 { background-position:-180px 0; }
b.percent-7 { background-position:-210px 0; }
b.percent-8 { background-position:-240px 0; }
b.percent-9 { background-position:-270px 0; }
b.percent-10 { background-position:-300px 0; }
b.percent-11 { background-position:-330px 0; }
b.percent-12 { background-position:-360px 0; }
b.percent-13 { background-position:-390px 0; }
b.percent-14 { background-position:-420px 0; }
b.percent-15 { background-position:-450px 0; }
b.percent-16 { background-position:-480px 0; }
b.percent-17 { background-position:-510px 0; }
b.percent-18 { background-position:-540px 0; }
b.percent-19 { background-position:-570px 0; }
b.percent-20 { background-position:-600px 0; }

.buttons b.percent { margin-top: 3px; margin-right: 4px; }

.percent-header { position: relative; padding: 0 60px 0 30px; font-size: 15px; }
.percent-header p { padding: 6px 0 12px 40px; }
.percent-header b.percent { float: left; }

/* **/


/** invite, login */

body.t #alpha,
body.invite #alpha {
    left: 300px;
    width: 360px;
}

body.invite #alpha .ask input.text {
    width: 304px;
}

body.invite #alpha .ask textarea {
    width: 304px;
	height: 72px;
}

body.login #alpha {
	left: 330px;
	width: 300px;
}

body.login #alpha .ask input.text {
    width: 244px;
}

body.login #alpha .ask textarea {
    width: 244px;
	height: 72px;
}

body.login #beta {
	left: 180px;
	width: 600px;
}

/* **/


/** qanda */

body.qanda #alpha {
	width: 900px;
	overflow: hidden;
	left: 30px;
	margin: 18px 0 0;
}

body.qanda #beta {
	width: 720px;
	left: 30px;
	margin: 0 0 54px;
}

body.qanda #gamma {
	width: 900px;
	left: 30px;
}

body.qanda .media-box { left: 60px; width: 840px; }
body.qanda .media-box h1 { font-size: 30px; line-height: 36px; }

.media-box-header a,
body.qanda .media-box a { color: #666; }

.media-box-header a:hover,
body.qanda .media-box a:hover { color: #004b73; }

body.qanda .question,
body.qanda .qanda-buttons {
	left: 180px;
}

body.qanda .qanda-buttons {
	width: 540px;
}

.topic-nutrition-widget img {
	float: left;
}

.topic-nutrition-widget div {
	position: relative;
	margin-left: 25px;
}

/* **/


/** acct delete */

body.delete-account #alpha textarea,
body.delete-account #alpha input.text,
body.delete-account label {
	font-size: 13px;
	font-weight: normal;
}

body.delete-account #alpha textarea { width: 574px; height: 180px; }
body.delete-account #alpha input.text { width: 300px; }
body.delete-account #alpha .elt { margin-bottom: 18px; }

body.delete-account #alpha .check-elt { overflow:hidden; zoom: 1; }
body.delete-account #alpha .check-elt .input { float: left; width: 25px; }
body.delete-account #alpha .check-elt label { float: left; width: 565px; }

/* **/


/** question editing */

body.qedit #alpha {
	width: 900px;
	overflow: hidden;
	left: 30px;
	margin: 18px 0 0 0;
}

body.qedit #beta {
	width: 720px;
	left: 30px;
	margin: 0 0 0 0;
}

body.qedit #id_question {
    font-size: 14px;
	margin:0;padding:0;
}

body.qedit .answers {
    margin:0;
    font-size: 12px;
}

body.qedit .skip-buttons a,
body.qedit #gamma {	display:none; }

body.qedit .media-box { left: 0px; width: 840px; }
body.qedit .media-box a { color: #666; }
body.qedit .media-box h1 { font-size: 16px; }

body.qedit .question,
body.qedit .qanda-buttons {	left: 180px; }

body.qedit .qanda-buttons {	width: 540px; }

body.qedit textarea.editing { width: 444px; height: 36px; }
body.qedit input.editing { width: 300px; }
body.qedit .question #edit-question { position: absolute; top: 5px; right: 10px; }

/* **/


/** inline editing */

.buttons a.revision-history { padding-left: 0; }

input.editing,
textarea.editing { background-color: #ffd; }

ul.editor-input-list li {
	position: relative;
	margin: 0 0 9px 0;
}

ul.editor-input-list li select { margin-right: 9px; }

body.qanda textarea.editing { width: 444px; height: 36px; }
body.qanda input.editing { width: 300px; }
body.qanda .image_id-label { display: block; }

body.qanda .question #edit-question { position: absolute; top: 5px; right: 10px; }

body.result input.editing,
body.result textarea.editing { width: 425px; }
body.result textarea.editing { height: 180px; }
body.result label.description_url-label {
	display: -moz-inline-box; display: inline-block; zoom: 1; *display: inline;
	margin: 9px 4px 9px 0;
	width: 120px;
	font-weight: bold;
}

body.result input.description_url-field { width: 300px; }
body.result label.image_id-label img { margin-bottom: 6px; }

body.topic-stats input.display_name-field { width: 758px; float: left; position: relative; }
body.topic-stats table.names input.editing { width: 300px; }
body.topic-stats table.names textarea.editing { width: 400px; }

.popularity-widget { margin-bottom: 36px; }
.popularity-widget .percent-text { float: left; width: 200px; font-size: 11px; color: #666; }
.popularity-widget strong { color: #333; font-weight: bold; }
.popularity-widget .percent-bar { position: relative; clear: left; float: left; margin: 4px 10px 4px 0; height: 10px; line-height: 10px; width: 82px; background: #eee; overflow: hidden; }
.popularity-widget .like-you-percent { height: 10px; background-color: #1a6a96; border-left: 2px solid #1a6a96; }
.popularity-widget .all-percent { height: 10px; background-color: #65c5ef; border-left: 2px solid #65c5ef; }

/* **/


/** utilities */

.hunch-error {
	z-index: 999;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -150px;
	padding: 9px 10px;
	background-color: #fff1a8;
	font-size: 15px;
	text-align: center;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

#grid { display: none; }

body.debug #grid {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    -z-index: 1000;
    width: 100%;
    height: 100%;
    background: url(grid-18.png) 0 0 repeat;
    opacity: 0.125;
    filter: alpha(opacity=12);
}

.two-lines { position: relative; height: 36px; }

.clr { overflow: hidden; zoom: 1; } /* alternative to clearing floats */

.layout { zoom: 1; } /* triggers hasLayout in ie */

.hidden { display: none; }

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after,
#content:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.075em;
    line-height: 0;
}

.pkg,
#content { display: inline-block; }


/* no ie mac \*/
* html .pkg,
* html #content { height: 1%; }
.pkg[class],
#content[id] { height: auto; }
.pkg,
#content { display: block; }

/* **/


/** yucky hacks */

table.staff th { vertical-align:top; width:100px; }
table.staff th h3 { padding-top:0; }
table.staff td { width:100px; padding:0 10px 18px; color:#888; text-align:center; font-size: 12px; }


#teach-topic-search { z-index:9; } /* make sure that the topic search in teach appears above lower content */

.yui-skin-sam div.actnav-myContainer { position:absolute; top:36px; right:0; width:400px; }
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
.yui-ac { z-index:9999; }
.yui-skin-sam .yui-ac{position:relative;font-family:arial;font-size:100%;}.yui-skin-sam .yui-ac-input{position:absolute;width:100%;}.yui-skin-sam .yui-ac-container{position:absolute;top:27px;width:100%;}.yui-skin-sam .yui-ac-content{position:absolute;width:100%;border:1px solid #999;background:#fff;overflow:hidden;z-index:9050;}.yui-skin-sam .yui-ac-shadow{position:absolute;margin:.3em;width:100%;background:#000;-moz-opacity:0.10;opacity:.10;filter:alpha(opacity=10);z-index:9049;}.yui-skin-sam .yui-ac-content ul{margin:0;padding:0;width:100%;}.yui-skin-sam .yui-ac-content li{margin:0;padding:2px 5px;cursor:default;white-space:nowrap;}.yui-skin-sam .yui-ac-content li.yui-ac-prehighlight{background:#B3D4FF;}.yui-skin-sam .yui-ac-content li.yui-ac-highlight{background:#426FD9;color:#FFF;}
.yui-skin-sam .yui-ac-content li i { font-style: oblique; font-weight: bold; }
.yui-skin-sam li.ac-header { padding-top:4px; padding-bottom:4px; border-top:1px solid #bbb; border-bottom:1px solid #bbb; background-color:#eee; color:#333; font-size:14px; font-weight:bold; }
.yui-skin-sam li.ac-first-header { border-top:0; }

/* **/


/** facebox */

#facebox .b  { background:url(../../js/facebox/b.png); }
#facebox .tl { background:url(../../js/facebox/tl.png); }
#facebox .tr { background:url(../../js/facebox/tr.png); }
#facebox .bl { background:url(../../js/facebox/bl.png); }
#facebox .br { background:url(../../js/facebox/br.png); }

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup { position: relative; }
#facebox table { border-collapse: collapse; }

#facebox table,
#facebox tr,
#facebox td { position: relative; } /* handle annoying ie6 position:relative; hasLayout; bug */

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading { text-align: center; }
#facebox .image {  text-align: center; }

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .footer a.close {
  position: relative;
  float: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide { z-index:-100; }

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#facebox .choose-image { width: 630px; }
#facebox .choose-image .current { float: left; width: 150px; margin-right: 30px; overflow: hidden; }
#facebox .choose-image .others { float: left; width: 410px; overflow: hidden; }
#facebox .choose-image .choose-image-header { height: 36px; }
#facebox .choose-image .choose-image-content { width: 100%; overflow: hidden; }
#facebox .choose-image .header { background: none; }
#facebox .choose-image label { margin: 9px 0; }
#facebox .choose-image p.dim { width: 250px; }
#facebox .choose-image #id_search_images { width: 200px; }
#facebox .choose-image .errorlist { float: left; width: 250px; }

#facebox .add-note { width: 370px; }
#facebox .add-note textarea { width: 354px; }

#facebox .center { text-align: center; }

/* **/


/* JS css ***/

.clickable-text { cursor: pointer; }
.clickable-text:hover { text-decoration: underline; }
.js-close { position:relative; float:right; z-index:1000; font-size:9px; line-height:11px; width:1em; height:1em; border:1px solid #888888; color:#888888; padding:0; text-align:center; cursor:pointer; }

#tooltip { z-index:3000; position:absolute; border:1px solid #000; padding:5px; background-color:#fff; text-align:left; /*opacity:0.85; */}
#tooltip { max-width:300px; overflow:hidden; color:#666; font-size:11px; }
#tooltip h3 { padding:0 0 2px 0; color:#333; font-size:13px; font-weight:bold; }

/* flagging */
#hunch-flag { position:absolute; z-index: 999; border:1px solid #888888; padding:5px 10px; background:#ffffff; width:180px; }
#hunch-flag label { display:block; width:175px; font-size:13px; font-weight:normal; }
#hunch-flag label span { display:block;font-size:.85em;padding:3px 0 0 25px;color:#888; }
#hunch-flag p.comment { padding-top:1em; width:175px; }
#hunch-flag ul { padding:8px 0 10px; }
#hunch-flag textarea { font-size:13px; padding:3px 2px; width:174px; }
